<script setup lang="ts">
import { onMounted } from 'vue'
import image from './../assets/images/default.webp'
// import image from './../assets/vue.svg'

const images = (Array.from({ length: 100 }, () => image))

onMounted(() => {
  // console.log('mounted', images)
})

</script>

<template>
  <div>
    <div>TestLazy</div>
    <div class="images" v-for="imgUrl of images">
      <img v-lazy="imgUrl" src="" alt="" />
    </div>
  </div>
</template>

<style>
.images img {
   width: 200px;
   opacity: .2;
}
</style>
